<template>
	<view class="zh-service-inFee">
		<view class="banner">
			<image :src="IMG_URL + '/service/inFee/banner.png'"/>
		</view>
		<view class="content">
			<view class="item">
				<view class="title">
					<image :src="IMG_URL + '/service/inFee/title-icon.png'" class="title-icon"/>
					<text>认证辅导</text>
				</view>
				<view class="des">
					<text>1. 为企业提供专业培训、咨询及审核服务，行业涵盖玩具、皮革、纺织、印染、水洗、电镀、服装、鞋帽、 箱包、塑胶、印刷、纸品、陶瓷、工艺礼品、绣花等。</text>
					<text>2. 公司秉承“科学管理、规范操作、准确及时、 服务客户”的质量方针，服务客户遍布中国华东、华南、华北、东北地区，以及印尼、印度、孟加拉、越南、 柬埔寨、菲律宾、泰国、缅甸等东南亚地区。我们努力协助工厂持续改善，引导企业逐步实现可持续绿色制造。</text>
				</view>
			</view>
			<view class="item">
				<view class="title">
					<image :src="IMG_URL + '/service/inFee/title-icon.png'" class="title-icon"/>
					<text>产线规划</text>
				</view>
				<view class="des">
					<text>工厂标准化合规设计执行流程：1 策略识别  2 设计开发   3 VR展示</text>
					<text>策略识别通过访谈、可见性分析、关键点定位、项目预算的方向，更好的为商家提供战略性的策划服务；设计开发方面以精益管理、合规标准、品牌形象、工艺标准、施工标准的层面进行设计服务；VR展示方面在产品展示、车间、厂区360°云展、品牌推广等进行面向群众。</text>
				</view>
			</view>
			<view class="item">
				<view class="title">
					<image :src="IMG_URL + '/service/inFee/title-icon.png'" class="title-icon"/>
					<text>3D秀场</text>
				</view>
				<view class="des">
					<text>中恒e纺3D线上秀场，改变了以往传统的验货模式，方便企业进行线上验货查版，为企业降本增效。</text>
					<text>全新的3D设计时代已经来临，原有的时装设计方式和方法已经发生了翻天覆地的变化！疫情导致线下业务受阻，但是还有3D虚拟世界带你实现你的创意。 疫情下不用雇佣模特，3D服装设计表现可以快速创建结构复杂的服装 、配饰，精确模拟面料的纹理和属性，100%实现你的设计想法。</text>
				</view>
			</view>
			<view class="item">
				<view class="title">
					<image :src="IMG_URL + '/service/inFee/title-icon.png'" class="title-icon"/>
					<text>检测服务</text>
				</view>
				<view class="des">
					<text>平台旨在为纺织、轻工业企业提供全面的供应链质量管理保障，业务范围涵盖纺织、轻工产品检验与技术支持、检测技术人才培训、实验室信息化服务、企业质量管理体系建设咨询、产品研发、认证服务，环境评价等十大类领域。同时，还承担了国家及重点产业集群市场监督与管理工作，为行业、政府及企业提供政策咨询与建议，为消费品市场的质量安全保驾护航。</text>
				</view>
				<view class="des2">
					<view class="des2-item display-flex align-center">
						<image :src="IMG_URL + '/service/inFee/1.png'"/>
						<text>服装及纺织品</text>
					</view>
					<view class="des2-item display-flex align-center">
						<image :src="IMG_URL + '/service/inFee/2.png'"/>
						<text>鞋类及皮革、毛皮制品</text>
					</view>
					<view class="des2-item display-flex align-center">
						<image :src="IMG_URL + '/service/inFee/3.png'"/>
						<text>个人护理卫生用品</text>
					</view>
					<view class="des2-item display-flex align-center">
						<image :src="IMG_URL + '/service/inFee/4.png'"/>
						<text>产业用纺织品</text>
					</view>
					<view class="des2-item display-flex align-center">
						<image :src="IMG_URL + '/service/inFee/5.png'"/>
						<text>测湿检测服务</text>
					</view>
				</view>
			</view>
		</view>
		<view class="bottom-btn"  @click="openServiceLink">
			<image :src="IMG_URL + '/service/inFee/btn.png'"/>
			<view class="bottom-btn-box">
				<text>业务洽谈</text>
			</view>
		</view>
		<service-link :show="showServiceLink" @close="changeServiceLink" @link="linkService" @save="saveService"></service-link>
	</view>
</template>

<script setup lang="ts">
	import { ref } from 'vue'
	import { tip } from '@/utils'
	import { onHide, onShareAppMessage } from '@dcloudio/uni-app'
	import serviceLink from '@/pages/components/service-link'
	
	import { IMG_URL } from '@/utils/constant'
	const showServiceLink = ref(false)
	
	onHide(() => {
		showServiceLink.value = false
	})
	
	onShareAppMessage(() => {})
	
	const openServiceLink = () => {
		changeServiceLink()
	}
	
	const changeServiceLink = () => {
		showServiceLink.value = !showServiceLink.value
	}
	
	const linkService = () => {
		uni.makePhoneCall({
			phoneNumber:"0757-82138330",
			success:() => {
				console.log('拨打电话成功')
			},
			fail:() => {
				
			}
		})
	}
	
	const saveService = () => {
		tip.showToast('已保存，请用微信扫码加好友')
	}
</script>
<style>
	page {
		background-color: #FFCC74;
	}
</style>
<style lang="scss" scoped>
	.zh-service-inFee {
		.banner {
			width: 750rpx;
			height: 810rpx;
			image {
				width: 750rpx;
				height: 810rpx;
			}
		}
		.content {
			margin-top:-120rpx;
			position: relative;
			font-weight: bold;
			.item {
				margin:40rpx 25rpx 0;
				background: linear-gradient(0deg, rgba(255,255,255, 1) 80%, #FFEACB);
				box-shadow: 0px 2px 0px 0px #FFF1D6;
				padding:0 30rpx 50rpx;
				border-radius: 26px;
				.title {
					font-size:36rpx;
					color:#fff;
					text-align:center;
					text {
						height:63rpx;
						line-height:63rpx;
						position: relative;
					}
					.title-icon {
						width:336rpx;
						height: 63rpx;
						position:absolute;
						left:50%;
						transform: translateX(-50%);
					}
				}
				.des {
					font-size:24rpx;
					color:#A95801;
					margin-top: 31rpx;
					text {
						display: block;
						margin-top:18rpx;
					}
				}
				.des2 {
					margin-top: 28rpx;
					.des2-item {
						margin-top: 10rpx;
						image {
							width:68rpx;
							height: 60rpx;
						}
						text {
							font-size:32rpx;
							color:#A95801;
							margin-left:9rpx;
						}
					}
				}
			}
		}
		.bottom-btn {
			margin:25rpx 33rpx;
			position: relative;
			image {
				position: absolute;
				width:683rpx;
				height:122rpx;
			}
			.bottom-btn-box {
				position:relative;
				width:683rpx;
				height:122rpx;
				text-align:center;
				text {
					line-height: 122rpx;
					color:#fff;
					font-size:40rpx;
					font-weight:bold;
				}
			}
		}
	}
</style>
